<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import SliderMenu from './components/layout/SliderMenu.vue'
import CommonHeader from './components/layout/CommonHeader.vue'
</script>

<template>
  <el-watermark content="吕晓亮">
    <div class="content">
      <slider-menu />
       <div class="right">
        <common-Header></common-Header>
        <el-main>
          <RouterView />
        </el-main>
       </div>
    </div>
  </el-watermark>
</template>

<style scoped lang="scss">
.content {
  display: flex;
}
.el-main { 
  height: calc(100vh - 60px);
}
.right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>
